@charset "UTF-8";

@import 'less.less';
@mini:.22rem;
@normal:.24rem;
@middle:.28rem;
@big:.32rem;
@c:#f6434f;
.c666{color:#666}
.c333{color:#333}
.g,.gap{
	padding: 0 .3rem;
	position: relative;
}
.none{display: none;}
.block{display: block;}
li{position: relative;}
li a{display: block;}
.bgf1{background: #f1f2f3;}
.bgf1 .box{background: #fff;}
.pink{color:@c;}
.text-l{text-align: left;}
.text-c{text-align: center;}
.text-r{text-align: right;}
.btn{
	position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-left: 14px;
    padding-right: 14px;
    font-size: .34rem;
    text-align: center;
    color: #FFFFFF;
    line-height: .9rem;
    overflow: hidden;
    &:active{color:rgba(255, 255, 255, 0.6);}
    &.pink-btn{background: @c;}
    &.pink-btn:active{background: #c5242f;}
}
.justify{
	display:flex;
	justify-content:space-between;
	align-items:center
}
.up-shadow{
	box-shadow:0 -2px 5px rgba(0,0,0,.03)
}
.flex-bd{flex:1;}
.checkbox-wrap{
	display:flex;
	align-items:center;
	.checkbox + div{flex:1}
	.checkbox{
		position: relative;
		margin-right: .3rem;
		min-width: .4rem;
		min-height: .4rem;
		& > *{
			position: absolute;
			width: .4rem;
			height: .4rem;
			top: 0;
			left: 0;
		}
		input{
			z-index: 2;
			opacity:0
		}	
		&-icon{
			border-radius: 50%;
			border: 1px solid #999;
		}
		input:checked + .checkbox-icon{
			border: none;
			background: url(../images/checked.png);
			background-size: 100%;
		}
	}
	
}
.pc {
	body{max-width: 540px;margin: 0 auto;}
}
.backtop{
	position: fixed;
	bottom: 0;
	right: .3rem;
	z-index: 99;
	bottom: 1.5rem;
}
.header {
	top: 0;
	height: 46px;
	line-height: 46px;
	background:#fff;
	text-align: center;
	z-index: 500;
	overflow:hidden;
	.iconfont {font-size: 30px;}
	.user {
		padding: 0 4%;
		float: left;
		text-align:left;
		margin-top: -2px;
	}
	.logo img {
		height: 24px;
		vertical-align: middle;
	}
	.title {
		font-size: 20px;
	}

	.bar {padding: 0 4%;}
	.bar i {font-size: 26px;}
}

.view {
	font-size: .24rem;
	&.on:before {
		visibility:visible;
		opacity:1;
	}

	&:before {
		content:'';
		position: fixed;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		z-index:98;
		opacity:0;
		visibility:hidden;
		background:rgba(0,0,0,.5);
		.trans();
	}
	.container {
		margin-bottom: 50px;
	}
}
.nav{
	position: fixed;
	width: 100%;
	z-index: 40;
	top: 0;
	left: 0;
	font-size: .28rem;
	line-height: .89rem;
	background: #3f3f3f;
	color: #fff;
	text-align: center;
	li+li{
		&:before{
			content:'';
			width: 1px;
			height: .26rem;
			.ver-center;
			background: #fff;
			left: 0;
		}
	}
	& + div{padding-top:.88rem;}

}

.footer {
	position: fixed;
	bottom: 0;
	z-index: 33;
	width: 100%;
	background:#fafafa;
	text-align: center;
	li{
		a{
			padding: 34px 0 6px;
			font-size: 11px;
			line-height: 1;
			background: url(../images/footer_icon1.png) no-repeat center 9px;
			background-size: 18px;
		}
	}
	li.on:nth-child(1){
		a{background-image:url(../images/footer_icon1_on.png)}
	}
	li:nth-child(2){
		a{background-image:url(../images/footer_icon2.png)}
		&.on a{background-image:url(../images/footer_icon2_on.png)}
	}
	li:nth-child(3){
		a{background-image:url(../images/footer_icon3.png)}
		&.on a{background-image:url(../images/footer_icon3_on.png)}
	}
	li:nth-child(4){
		p{padding-left: 5px;}
		a{background-image:url(../images/footer_icon4.png)}
		&.on a{background-image:url(../images/footer_icon4_on.png)}
	}
	li:nth-child(5){
		a{background-image:url(../images/footer_icon5.png)}
		&.on a{background-image:url(../images/footer_icon5_on.png)}
	}
	
}

.bb{border-bottom:.2rem solid #f1f2f3;}
.mb{margin-bottom:.2rem;}

//index
.banner{
	.swiper-pagination-bullet{opacity:1}
	.swiper-pagination-bullet-active{width: 23px;border-radius: 11px;}
}
.category{
	li{
		text-align: center;
		padding: .3rem;
		font-size: @middle;
	}
	img{width: .87rem;}
}

.index-hot {
	.tit{.index-brand .tit;}
	.tit span:before{background-image: url(../images/hot.png);}
	li{.bb;}
	.item-link{position: relative;}
	.intro{
		background: url(../images/prod_text_bg.png) no-repeat ;
		background-size: 100%;
		width: 3.65rem;
		height: 2.2rem;
		padding: .32rem .25rem;
		right: .3rem;
		.ver-center;
		h3{
			font-size: .26rem;
			line-height: .36rem;
			margin-bottom: .16rem;
			.one-line;
		}
		img{
			width: .57rem;
			height: .36rem;
			margin-right: .12rem;
		}
		p{
			color: #999;
			font-size: .2rem;
			line-height: .32rem;
			height: .96rem;
			overflow: hidden;
		    text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 3;
		}
	}
	.sale{
		width: .6rem;
		height: .43rem;
		line-height: .39rem;
		background: url(../images/sale_bg.png) no-repeat center;
		background-size: 100%;
		color: #fff;
		font-size: .24rem;
		text-align: center;
		position: absolute;
		top: 0;
		left: .3rem;
	}
	.other-info{
		font-size: .26rem;
		padding: 0 4%;
		line-height: .7rem;
		color: #999;
		.sale-price{
			color: #000;
			font-size: .36rem;
			margin-right: .1rem;
		}	
	}
	.left-time-wrap{
		&.ended{display: none;}
		text-align: right;
		line-height: 1;
		margin-bottom: .3rem;
		color: #666;
		&:before{
			content:'';
			display: inline-block;
			background: url(../images/clock.png) no-repeat;
			background-size: 100%;
			width: .22rem;
			height: .22rem;
			margin-right: 3px;
			vertical-align: middle;
			margin-top: -3px;
		}
	}
}

.index-brand {
	.tit{
		text-align: center;
		font-size: @big;
		position: relative;
		line-height: .93rem;
		&:before{
			content:'';
			background: #020202;
			height: 1px;
			width: 4.8rem;
			.all-center;
		}
		span{
			position: relative;
			display: inline-block;
			padding: 0 .22rem;
			background: #fff;
			&:before{
				content:'';
				display: inline-block;
				vertical-align: middle;
				margin-top: -3px;
				background-image: url(../images/bag2.png);
				background-size: .28rem;
				width: .28rem;
				height: .32rem;
				margin-right: .13rem;
			}
		}
	}
	.slide{.bb;}
	.swiper-slide{
		margin-top: .32rem;
		width:auto;
		float: left;
	}
	.item{
		text-align: center;
		font-size: @normal;
		position: relative;
		line-height: .3rem;
		padding-bottom: .2rem;
		.sale{
			width: .5rem;
			line-height: .4rem;
			background: url(../images/sale_bg.png) no-repeat center;
			background-size: .5rem;
			color: #fff;
			font-size: .2rem;
			text-align: center;
			position: absolute;
			top: 0;
			left: .2rem;
		}
		&.sold-out{
			color:#999;
			&:after{
				content:'';
				position: absolute;
				width: .6rem;
				height: .6rem;
				background: url(../images/sold_out.png) no-repeat;
				background-size: 100%;
				left: 50%;
				margin-left: -.3rem;
				top: .47rem;
			}
		}
		&:before{
			content:'';
			position: absolute;
			right: 0;
			width: 1px;
			height: 1.54rem;
			background: #eeeeee;
		}
		p{
			margin-top: .14rem;
			line-height: .55rem;
			padding: 0 .1rem;
			.one-line;
		}
		span{font-size: .28rem;}
	}
	.more{
		display: block;
		width: 2.12rem;
		line-height: 1.55rem;
		text-align: center;
	}
}

.sale-tag(@left:.3rem,@top:0){
	width: .6rem;
	height: .43rem;
	line-height: .39rem;
	background: url(../images/sale_bg.png) no-repeat center;
	background-size: 100%;
	color: #fff;
	font-size: .24rem;
	text-align: center;
	position: absolute;
	top: @top;
	left: @left;
}

.sale-tag{
	.sale-tag;
}


//-----------  inside ----------- //
.sort-wrap{
	position: fixed;
	z-index: 33;
	width: 100%;
	left: 0;
	top: 0;
	background: #fafafa;
	line-height: .88rem;
	text-align: center;
	font-size: .28rem;
	color: #808080;
	li.on{
		color: @c;
		&:after{
			content:'';
			position: absolute;
			width: .54rem;
			height: 1px;
			background:@c;
			left: 50%;
			margin-left: -.27rem;
			bottom: 0;
		}
	}
	& + div{padding-top: 1rem;}
	.sort-price{
		padding-right: .15rem;
		&:after{
			content:'';
			position: absolute;
			background: url(../images/arrow_up_down.png);
			background-size: 100%;
			width: .15rem;
			height: .16rem;
			.ver-center;
			margin-left: 3px;
		}
	}
	.sort-filter{
		color: #000;
		padding-right: .17rem;
		&:before{
			content:'';
			position: absolute;
			height: .32rem;
			width: 1px;
			left: 1px;
			background: #000;
			.ver-center;
		}
		&:after{
			content:'';
			position: absolute;
			background: url(../images/menu.png);
			background-size: 100%;
			width: .17rem;
			height: .14rem;
			.ver-center;
			margin-left: 3px;
		}
	}
	& + div{padding-top: .88rem;}
	.nav + & +div{padding-top: 1.68rem;}
}


//find
.find{
	
}

.sidebar {
	position: fixed;
	top: 0;
	right: 0;
	z-index: 100;
	width:100%;
	height: 100%;
	transform:translateX(100%);
	transition:.3s;
	&.on {transform:translateX(0); }
	&-wrap {
		height: 100%;
		padding-left: 25%;
	}	
	&-content {
		position: relative;
		height: 100%;
		background:#fff;
		-webkit-overflow-scroll:touch;
	}
	&.sidebar-filter{
		.select{
			color: #3d4145;
			padding: 0 .3rem;
			h3{line-height: .83rem;}
		}
		.select-type{
			border-bottom: 1px solid #dedede;
			.justify{
				flex-wrap:wrap;
			}
			li{
				border-radius: 4px;
				width: 1.5rem;
				line-height: .6rem;
				font-size: .26rem;
				background: #f1f2f3;
				text-align: center;
				margin-bottom: .3rem;
				&.on{
					background: @c;
					color: #fff;
					transition:.3s;
				}
			}
		}
		.select-price{
			.input-wrap{
				position: relative;
				padding: .14rem .19rem;
				border-radius: 6px;
				background: #f1f2f3;
				input{
					background: #fff;
					width: 2.1rem;
					line-height: .62rem;
					height: .62rem;
					text-align: center;
					padding:0 10px;
				}
				&:after{
					content:'';
					.all-center;
					width: .13rem;
					height: 1px;
					background: #3d4145;
				}
			}
		}

		.btn-wrap{
			position: absolute;
			width: 100%;
			bottom: 0;
			line-height: .98rem;
			color: #fff;
			font-size: .32rem;
			text-align: center;
			.reset{background: #fbac15;}
			.submit{background: @c;}
		}
	}
}


//prod-lsit
.prod-list{
	text-align: center;
	margin-top: .3rem;
	li{
		padding:0 .26rem;
		margin-bottom: .2rem;
		img{
			width: 2.6rem;
			height: 2.6rem;
		}
	}
	.info{
		padding: .25rem 0;
		line-height: .36rem;
		p:last-child{margin-top: .15rem;}
	}
}

.brand{
	.pull-load{
		li{.bb;}
		.justify{
			line-height: .4rem;
			padding:.15rem .3rem;
			p{font-size: .26rem;}
			span{color: #666;}
		}
		.activity-tag{
			position: absolute;
			top: 0;
			left: 0;
		}
	}

}

.brand-info{
	padding:0 .3rem;
	text-align: center;
	font-size: .24rem;
	padding-bottom: .2rem;
	h3{
		font-size: .28rem;
		line-height: .8rem;
	}
	p{
		line-height: .4rem;
		color: #999;
		margin: -.1rem 0 .2rem;

	} 
}

.mod {
	margin-bottom: .2rem;
	border-top: 1px solid #c6c6c6;
	border-bottom: 1px solid #c6c6c6;
	background:#e0e0df;

	h3 {
		line-height: 1.1;
		margin-bottom: .2rem;
		padding: .28rem 0 .1rem;
		border-bottom: 1px solid #c6c6c6;
	}
}

.check {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	border: 1px solid #000;
	margin-top: -3px;
	text-align: center;

	.on &:after,&.on:after {
		content:'';
		position: absolute;
		left: 50%;
		top: 50%;
		width:8px;
		height:8px;
		background:#000;
		border-radius: 50%;
		.transform(translate(-50%,-50%));
	}

}





/*   prod-info    */
.prod-info {
	padding-bottom: 1rem;
	.time{
		padding:.17rem .3rem;
		background: #ffd6d5;
		font-size: .24rem;
		.limit{
			line-height: .36rem;
			padding:0 .23rem;
			border-radius: 10px;
			background:@c;
			color: #fff;
		}
	}
	.left-time-wrap{
		&:before{
			content:'';
			display: inline-block;
			background: url(../images/clock_gray.png) no-repeat;
			background-size: 100%;
			width: .22rem;
			height: .22rem;
			margin-right: 3px;
			vertical-align: middle;
			margin-top: -3px;
		}
	}
	.box{
		position: relative;
		.bb;
		&:after{
			content:'';
			display: block;
			border-bottom: 1px solid #e6e6e6;
			left: 0;
			bottom: 0;
			position: absolute;
			width: 100%;

		}
	}
	.buy-info{
		color: #4c4c4c;
		& > div{
			padding: .3rem 0;
			line-height: .32rem;
			border-bottom: 1px solid #f5f5f5;
		}
		.g;
		.price{
			line-height: .42rem;
			h3{
				line-height: 1;
				padding-bottom: .28rem;
				font-size: .3rem;
				padding-bottom: .3em;
				color: #000;
			}
			span{vertical-align: middle;}
			.p1{
				color:@c;
				font-size: .42rem;
			}
			.p2{
				padding-left: .2rem;
				margin-left: .1rem;
				margin-right: .24rem;
				line-height: .42rem;
				color: #999;
				border-left: 1px solid #999;
			}
			.kc{
				background: #ffd6d5;
				color:#d52e21;
				line-height: .32rem;
				padding: 0 .08rem;
				font-size: .22rem;
			}
		}
		.xiangou{
			i{
				border: 1px solid #ffd6d5;
				text-align: center;
				color: #eb9b99;
				margin-right: .12rem;
				width: .34rem;
				display: inline-block;
				font-size: .24rem;
			}
		}
		.tag{
			span{
				background: url(../images/right3.png) no-repeat left center;
				background-size: .2rem;
				padding-left: .28rem;
				margin-right: .6rem;
			}
		}
		.sale-tag{
			position: static;
		}
	}	
	.prod-brand{
		.l{
			padding-left: 1.2rem;
		}
		padding: .3rem;
		img{
			border: 1px solid #e6e6e6;
			margin-right: .2rem;
			margin-left: -1.2rem;
			float: left;
		}
		h3{
			line-height: .5rem;
		}
		p{
			line-height: .3rem;
			color: #666;		
			span{color: #e16a64;}
		}
		a{
			width: 1.3rem;
			display: block;
			text-align: center;
			border: 1px solid #434343;
			color: #434343;
			line-height: .46rem;
		}
	}
	.prod-detail{
		.list{
			margin-bottom: .3rem;
			li{
				line-height: .7rem;
				border-bottom: 1px solid #f5f5f5;
			}
		}
	}
	.buy-btn{
		position: fixed;
		width: 100%;
		left: 0;
		bottom: 0;
		background: #fafafa;
		text-align: center;
		.icon{
			background: url(../images/service.png) no-repeat center .19rem;
			background-size: .38rem;
			padding-top: .6rem;
			color: #4d4d4d;
			font-size: .22rem;
		}
		.cart-icon{
			position: relative;
			background-image: url(../images/cart.png);
			padding-left: .1rem;
			&:before{
				content:'';
				width: 1px;
				height: .46rem;
				background: #e6e6e6;
				left: 0;
				.ver-center;
			}
		}
		.cart-count{
			.circle(.28rem);
			background: #f6434f;
			position: absolute;
			right: .6rem;
			top: .1rem;
			border: 1px solid #fff;
			color: #fff;
			text-align: center;
			line-height: .28rem;
			font-size: .16rem;
			box-sizing: content-box;
		}
		.buy-cart{
			background: @c;
			font-size: .32rem;
			line-height: .98rem;
			color: #fff;
		}
	}

	.cart-popup {
		position: absolute;
		left: 50%;
		top: 50%;
		.transform(translate(-50%,-50%));
		width: 281px;
		height: 133px;
		padding-top: 7px;
		font-size: 18px;
		border-radius: 6px;
		background:#fff url(../images/cart_popup.png) no-repeat;
		text-align: center;

		p {
			padding-left: 40px;
			line-height: 70px;
			color: #000;
		}

		a {
			display: inline-block;
			width: 118px;
			line-height: 37px;
			border: 1px solid #bdbdbd;
			color: #7c7c7c;
		}

		a + a {
			margin-left: 8px;
			border-color: #000;
			background: #000;
			color: #fff;
		}
	}
}


.list-prod-item{
	position: relative;
	background: #fff;
	margin-top: .2rem;
	.shop-title{
		.g;
		background: #fbfbfb;
		background: linear-gradient(to bottom,#fff, #f7f7f7);
		line-height: .85rem;
	}
	.shop-name{
		background: url(../images/shop.png) no-repeat left center;
		background-size: .34rem;
		padding-left: .46rem;
		font-size: .26rem;
	}
	.list-prod-info{
		position: relative;
		margin-left: .3rem;
		padding: .26rem .3rem .26rem 0;
		.prod-img{
			width: 1.52rem;
			height: 1.52rem;
			float: left;
			margin-right: .28rem;
		}
		.prod-name{
			font-size: .28rem;
			line-height: 1;
			padding: .1rem 0;
		}
		.prod-add{
			line-height: .36rem;
			color: #999;
		}
		.prod-price{
			margin-top: .3rem;
			line-height: .28rem;
			.now{
				color:@c;
				font-size: .28rem;
				margin-right: .16rem;
			}
		}
	}
	.total-info{
		text-align: right;
		margin-left: .3rem;
		line-height: .8rem;
		padding-right: .3rem;
	}
	dd+dd{
		border-top: 1px solid #ddd;
	}
}
/*   cart    */
.cart{
	font-size: .28rem;
	padding-bottom: 1.2rem;
	color: #333;
	&-tit{
		font-size: .28rem;
		line-height: .8rem;
	}
	.cart-num{
		color: #999;

	}

	.cart-empty-bg{
		background: #f1f2f3;
		height: 4.4rem;
		background:#f1f2f3 url(../images/cart_empty.png) no-repeat center;
		background-size: 2.08rem;
	}
	.timeout-prod{
		background: #fff;
		.shop-title{text-align: center;}
		.prod-price .now{color: #999 !important;}
	}
	.timeout-text{
		padding: 0 .11rem;
		line-height: .4rem;
		background: rgba(0,0,0,.4);
		font-size: .22rem;
		color: #fff;
		border-radius:2px;
	}
	.clear-timeout{
		padding: .3rem 0 .4rem;
		text-align: center;
		&-btn{
			display: inline-block;
			border: 1px solid @c;
			color:@c;
			line-height: .5rem;
			padding: 0 .54rem;
			border-radius: 15px;
		}
	}	
	.box{
		background: #fff;
		padding: 0 .3rem;
		margin-bottom: .2rem;
	}
}
.cell{
	background: #fff;
	margin-bottom: .2rem;
	padding-left: .3rem;
	padding-right: 0;
	font-size: .3rem;
	line-height: .88rem;
	.justify{padding-right: .3rem;}
	.justify+.justify{
		border-top: 1px solid #ddd;
	}
	.baoyou{
		border: 1px solid #249fe6;
		border-radius: 2px;
		color: #249fe6;
		line-height: .3rem;
		padding:0 .07rem;
		margin-right: .12rem;
		font-size: .22rem;
	}
}
.cart-confirm{	
	.cart-address{
		.outer{
			height: 1.74rem;
		}
		.flex-bd{
			flex:1;
			background: url(../images/add.png) no-repeat left center;
			background-size: .32rem;
			padding-left: .62rem;
		}
		.no-address{
			color: #dd3d3d;
			font-size: .3rem;
		}
	}
	.address-info{
		padding-right: .3rem;
		line-height: .4rem;
		p+p{
			margin-top: .1rem;
			overflow: hidden;
		    text-overflow: ellipsis;
		    display: -webkit-box;
		    -webkit-box-orient: vertical;
		    -webkit-line-clamp: 2;
		}
	}
	.msg{
		margin-top: .3rem;
		input{
			height: .6rem;
		}
	}
}
.buy-list{
	padding-top:.4rem;
	padding-bottom:.4rem;
	ul{
		font-size: 0;
		white-space: nowrap;
		overflow-x:scroll;
		-webkit-overflow-scrolling:touch;
	}
	li{
		display: inline-block;
		margin-right: 8px;
	}
}
.buy-list-num{
	padding-left: .45rem;
	background: #fff;
	height: 100%;
}

.cart-prod-info{
	.list-prod-item{
		margin-top: 0;
		margin-bottom: .2rem;
	}
	.shop-title{
		padding: 0;
		margin-left: .3rem;
		background: #fff;
		border-bottom: 1px solid #ccc;
	}
}
.arrow{
	width: 10px;
	height: 10px;
	display: inline-block;
	border-top: 2px solid #999;
	border-right:2px solid #999;
}
.arrow-top{
	.arrow;
	transform:rotate(-45deg);
}
.arrow-right{
	.arrow;
	transform:rotate(45deg);
	margin-left: 3px;
}
.arrow-bottom{
	.arrow;
	transform:rotate(135deg);
}
.arrow-left{
	.arrow;
	transform:rotate(-135deg);

}
.calc{
	position: absolute;
	bottom: .3rem;
	right: .3rem;
	width: 2rem;
	font-size: .28rem;
	.min,.add{
		.circle(.5rem);
		background: #eee url(../images/calc_min.png) no-repeat center;
		background-size: .24rem;
	}
	.add{
		background-image: url(../images/calc_add.png);
	}
}

.hot-up{
	background: url(../images/hot-up.png) no-repeat center;
	background-size: 3.68rem;
	height: .82rem;
}
.foot-bar{
	font-size: .28rem;
	padding-left: .3rem;
	line-height: .99rem;
	position: fixed;
	width: 100%;
	bottom: 0;
	left: 0;
	background: #fff;
	.checkbox{margin-right: .15rem;}
	&-btn{
		background: @c;
		width: 2.4rem;
		text-align: center;
		color: #fff;
		font-size: .32rem;
		display: inline-block;
	}
	.foot-bar-right{
		flex:1;
		text-align: right;
	}
	.total{
		font-size: .28rem;
	}
	.total-price{
		&:before{content:'￥';}
		margin-right: .22rem;
		color:@c;
		font-size: .34rem;
	}
	.service{
		background: url(../images/service.png) no-repeat left center;
		background-size: .38rem;
		padding-left: .5rem;
	}
}
.footer ~ .foot-bar{bottom: 50px;}


/*    address-list    */
.address-list{
	padding-bottom: 1.5rem;
	.address-item{
		padding: .22rem .3rem;
		line-height: .42rem;
		font-size: .3rem;
		background: #fff;
		margin-bottom: .2rem;
		p+p{margin-top: .15rem;}
		p span{margin-right: .8rem;}
		.flex-bd{padding-right: .3rem;}
	}
	.edit-address-icon{
		background: url(../images/pen.png) no-repeat center;
		background-size: .38rem;
		width: .5rem;
		height: .6rem;
	}
	.new-address{
		position: fixed;
		width: 100%;
		left: 0;
		bottom: 0;
		.btn{line-height: 1.2rem;}
	}
}

/*     create-address     */ 
.create-address{
	.weui-btn-wrap{
		position: fixed;
		width: 100%;
		left: 0;
		bottom: 0;
		background: #fff;
		a{
			flex:1;
			text-align: center;
			font-size: 16px;
			line-height: 50px;
			&+a{border-left: 1px solid #dddddd;}
		}
	}
	.delete-btn{
		color: @c;
	}
	.create-btn{
		color: #249fe6;
		
	}
}

.pay{
	.time-tips{
		padding: .3rem .3rem;
		line-height: .4rem;	
		font-size: .25rem;
		color:@c;
	}
	.wechat{
		background: url(../images/wechat.png) no-repeat left center;
		background-size: .48rem;
		padding-left: .76rem;
	}
	.right-icon{
		background: url(../images/right.png);
		background-size: 100%;
		width: .28rem;
		height: .19rem;
	}
}

/*    user    */
.user {
	&-area{
		background: #e1eaf4;
		background: linear-gradient(145deg,#fed8d8, #d6f2fe);
		.lv{
			line-height: .83rem;
			color: #666;
			margin-bottom: .18rem;
			text-align: right;
		}
		.person{
			text-align: center;
			padding-bottom: .58rem;
			line-height: .4rem;
			h3{
				font-size: .32rem;
				line-height: .72rem;
			}
		}
	}
	&-menu{
		.list{
			font-size: .26rem;
			text-align: center;
			line-height: 1;
			padding-top: .3rem;
			padding-bottom: .3rem;
			a{flex:1}
			p{padding-top: .24rem;}
		}
		.red-point-tips{
			position: relative;
			&:after{
				content:'';
				.circle(.14rem);
				position: absolute;
				background: @c;
				right: .8rem;
				top: -.1rem;
			}
		}
		
	}
	
}

.order {
	padding-bottom: 1.2rem;
	.sort-wrap{color: #1a1a1a;}
	.sort-wrap li.on:after{
		width: .88rem;
		margin-left: -.44rem;
	}
	&-empty-bg{
		height: 4.5rem;
		background: #f1f2f3 url(../images/noorder.png) no-repeat center;
		background-size: 2.38rem;
	}
	.shop-title{
		padding: 0;
		margin-left: .3rem;
		background: #fff;
		border-bottom: 1px solid #ddd;
		padding-right: .3rem;
	}
	.buy-list{
		padding-top: 0;
		padding-bottom: 0;
	}
	.list-prod-item.done:after{
		content:'';
		position: absolute;
		background: url(../images/done.png);
		background-size: 100%;
		width: 1.54rem;
		height: .95rem;
		top: 0;
		right: 1rem;
	}
	.delete-btn{
		background: url(../images/delete.png) no-repeat;
		background-size: .28rem;
		width: .28rem;
		height: .28rem;
	}
	.order-state-wrap{
		margin-bottom: .2rem;
		font-size: .26rem;
		background: @c;
		background: linear-gradient(to right,#f96e6e, #f6434f);
		color: #fff;
		.justify{height: 1.17rem;}
		.order-pay{background: url(../images/order_state_pay.png) no-repeat left center;}
		.order-chuku{background: url(../images/order_state_chuku.png) no-repeat left center;}
		.order-peisong{background: url(../images/order_state_peisong.png) no-repeat left center;}
		.order-success{background: url(../images/order_state_success.png) no-repeat left center;}
		.order-state{
			display: block;
			background-size: .44rem;
			line-height: .64rem;
			padding-left: .64rem;
		}
		.arrow-right{
			border-color:#fff;
		}
	}
	.address-info{
		padding: .3rem 0;
		background: url(../images/add.png) no-repeat left center;
		background-size: .32rem;
		padding-left: .62rem;
		color: #666;
		p+p{margin-top: .1rem;}
	}
	.box{
		.g;
		margin-bottom: .2rem;
	}
	.price-list{
		padding: .14rem 0;
		color: #999;
		line-height: .44rem;
		.tag{
			background: @c;
			padding: 0 .1rem;
			line-height: .32rem;
			color: #fff;
			margin-right: .16rem;
			border-radius: 2px;
		}
	}
	.wechat-wrap{
		border-top: 1px solid #ddd;
		font-size: .28rem;
		line-height: .9rem;
	}
	.wechat{
		background: url(../images/wechat.png) no-repeat left center;
		background-size: .48rem;
		padding-left: .76rem;
	}
	.order-time{
		padding: .2rem .3rem;
		line-height: .4rem;
	}
	.wuliu-tit{
		height: 1.17rem;
		line-height: .42rem;
	}
	.wuliu-tit-top{
		padding-top: .15rem;
		.justify;
	}
	.wuliu-info{
		padding-top: .1rem;
		padding-left: .82rem;
		background: #fff;
		ul{
			position: relative;
			&:before{
				content:'';
				background: #ebebeb;
				position: absolute;
				width: 1px;
				top:.35rem;
				bottom:.77rem;
				left: -16px;
			}
		}
		li{
			position: relative;
			padding-right: .3rem;
			line-height: .42rem;
			padding:.15rem .3rem .15rem 0;
			color: #999;
			border-bottom: 1px solid #ddd;
			&:before{
				content:'';
				.circle(7px);
				background: #9b9b9b;
				position: absolute;
				top:.3rem;
				left:-19px;
				box-sizing:content-box;
			}
			&:nth-child(1){
				&:before{
					top:.26rem;
					left:-22px;
					border: 3px solid #fcc6ca;
					background: @c;
				}
				h3{color: #000;}
			}
		
		}
		h3{font-size: .26rem;}
	}

}

.user-info{
	.file{
		.file-input{
			position: absolute;
			width: 40%;
			height: 100%;
			right: 0;
			top: 0;
			opacity:0;
		}
	}
	.edit-name{
		.box{
			padding: .3rem;
			input{
				line-height: .4rem;
				height: .4rem;
			}
		}

		p{
			line-height: .63rem;
			margin-bottom: .43rem;
		}
		.btn{
			border-radius: 6px;
		}
	}
}





